<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>课程详情</title>
	</head>
	<body>
		<!-- 头部图片 -->
		<section class="video">
			<img id="pictrue" alt="图片加载失败" />
			<span class="iconfont icon-tuiguangzhong"></span>
			<span class="iconfont icon-fanhui" id="back"></span>
		</section>

		<!-- 主体 -->
		<main class="sports">
			<!-- 标题板块 -->
			<section class="title">
				<!-- 标题 -->
				<h3 id="titleheader"></h3>

				<div class="title_content">
					<!-- 千卡、分钟数据 -->
					<p class="data">
						<i><span id="titlekilocalories"></span>千卡</i>
						<i><span id="titletime"></span>分钟</i>
					</p>

					<!-- 多少人跳过  人数 -->
					<p class="rerson">
						<span id="titlenum"></span>w人练过
						<span class="iconfont icon-xuanzeqixiayige"></span>
					</p>
				</div>
			</section>

			<!-- 内容+简介 -->
			<section class="desc" id="desc"></section>

			<!-- 练习次数机械父板块 -->
			<section class="training">
				<!-- 练习次数 -->
				<div class="exercise">
					<i><span class="iconfont icon-fuwuqilei"></span>练习次数</i>
					<p>每周<span id="exercisenum"></span>次</p>
				</div>

				<!-- 器械 -->
				<div class="equipment">
					<i><span class="iconfont icon-gangling"></span>器械</i>
					<p id="equipment"></p>
				</div>
			</section>
		</main>

		<!-- 开始训练跳转链接 -->
		<div class="btn">
			<a href="sports_details_play.html" class="button">开始训练</a>
		</div>
	</body>
</html>
